.pl10 {
	padding-left: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.pr20 {
	padding-right: 20px;
}
.aic {
	align-items: center;
}
.main-color {
	color: var(--color-primary);
}
.cp {
	cursor: pointer;
}
.ssl-detail-dialog {
	margin-top: 6vh !important;
	:global{
		.prediv {
			height: auto !important;
		}
	}
}
.tableMain {
	margin-top: 1rem;
	.warning-detail {
		display: flex;
		flex-direction: column;
		min-width: calc(1440px - 13rem) !important;
		height: 100%;
		background-color: var(--color-bg-2);

		.breadcrumb {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.container {
			position: relative;
			margin: 0 1.5rem;
			padding: 1rem 1.5rem;
			overflow-y: auto;
			background-color: var(--color-bg);

			.header {
				.page-label {
					margin-bottom: 0;
				}

				.link {
					text-decoration: none;
				}

				.row {
					display: flex;
					align-items: center;
					justify-content: space-between;
				}

				.task-info {
					display: flex;
					justify-content: space-between;
					padding: 0 0 16px 0;
					color: var(--color-text-0);
					.value {
						display: inline-block;
						margin-left: 1rem;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						&:last-child {
							margin-right: 1rem;
						}
					}
					.item {
						min-width: 14rem;
						padding-right: 7.5rem;

						&:first-child {
							margin-left: 1rem;
						}
						.value {
							display: inline-block;
							white-space: nowrap;
						}

						.target {
							min-width: 14rem;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
				}
			}
			.ant-table {
				.resolved {
					color: var(--color-4);
				}

				.not-resolved {
					color: var(--color-error) !important;
				}

				.ignored {
					color: var(--color-text-2);
				}
			}

			.table {
				max-height: 42rem;
				overflow: auto;
				.title {
					width: 20rem;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}

				.batch-btn {
					margin: 0;
				}

				td,
				th {
					height: 3.5rem !important;
				}
			}

			.ignore-btn {
				position: relative;
				bottom: 2.5rem;
				left: 0.5rem;
				height: 1rem;
				line-height: 1rem;
				background: var(--color-bg-1);
			}
		}
	}

	:global {
		.ant-table {
			.ant-table-tbody > tr.ant-table-row-selected > td {
				background-color: #fff;
			}
			.ant-table-wrapper {
				min-height: 282px;
			}
		}
	}
	:global {
		.ant-checkbox {
			&:hover {
				border-color: #0b6fd6 !important;
			}
		}
		.ant-checkbox.ant-checkbox-checked {
			.ant-checkbox-inner {
				background-color: #0b6fd6 !important;
				border-color: #0b6fd6 !important;
			}
		}
	}
	:global {
		.ant-table-tbody > tr > td,
		.ant-table-thead > tr > th,
		.ant-table tfoot > tr > td,
		.ant-table tfoot > tr > th {
			max-width: 200px;
			overflow: hidden;
			font-weight: normal;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.ant-table-wrapper {
			min-height: 282px;
		}
	}
	.df {
		display: flex;
		align-items: center;
		justify-content: end;
		margin-top: 1rem;
	}
	:global {
		.newtable #tableAntd.ant-table .ant-table-tbody {
		}
	}
	.newtable {
		:global {
			.ant-table-measure-row > td:first-child {
				min-width: 56px !important;
			}
			.ant-table-selection-column {
				min-width: 56px !important;
			}
		}
	}

	.nobor {
		height: 210px;
		border: none !important;
	}
	:global {
		.ant-table-wrapper {
			min-height: 280px;
		}
		.ant-table-tbody > tr > td,
		.ant-table-thead > tr > th,
		.ant-table tfoot > tr > td,
		.ant-table tfoot > tr > th {
			max-width: 200px;
			overflow: hidden;
			font-weight: normal;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}
	.search {
		display: flex;
		justify-content: space-between;
		margin: 1rem 0;
		& > div {
			display: flex;
			justify-content: space-between;
			width: 16rem;
			&:last-child {
				width: 26rem;
				>div {
					margin-right: 10px;
				}
			}
		}
	}
}
